/*
    Sistema de caja de ahorro y control de prestamos
    Version: 1.0
    generado:22-mar-2011	
*/	

/* ********************  FONTS ******************** */

@font-face {
    font-family: 'EnigmaticRegular';
    src: url('../fonts/enigma_regular.eot');
    src: url('../fonts/enigma_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/enigma_regular.woff') format('woff'),
         url('../fonts/enigma_regular.ttf') format('truetype'),
         url('../resources/fonts/enigma_regular.svg#EnigmaticRegular') format('svg');

}

@font-face {
    font-family: 'EnigmaticBold';
    src: url('../fonts/enigma_bold.eot');
    src: url('../fonts/enigma_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/enigma_bold.woff') format('woff'),
         url('../fonts/enigma_bold.ttf') format('truetype'),
         url('../fonts/enigma_bold.svg#EnigmaticBold') format('svg');

}


/* ********************  GENERAL ******************** */

body, html{
	background:#deeced;
	color:#868585;
	font: 12px  Verdana, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
}
	a img, img{
		border:0;
	}

	a, a:link, a:active{
		color:#868585;
	}
	h1{ 
		border-bottom:#f7d06a 2px solid;
		color:#626287;
		display:block;
		font: 24px  "EnigmaticBold", Helvetica, sans-serif;
		margin:0 0 5px 0;
		padding: 0 0 3px 0;
		text-transform:uppercase;
	} 
	h2{
		color#6f6f77;
		font: 20px  "EnigmaticRegular", Helvetica, sans-serif;
		letter-spacing:1px;
		margin:0 0 5px 0;
		text-transform:lowercase;
	}
	br.clearer{
		clear: both;
	}
	span.required{
		color:#e43232; 
		font-size:smaller;
	}
	input{ 
		-moz-border-radius: 7px;
		background:#f0f6f6; 
		border:#e8e8e8 1px solid;
		border-radius: 7px;
		color:#9fa0a2;
		font-size:13px;
		margin:5px 0;
		padding:6px 15px;
	}
	hr{
		background:transparent url(../images/hr_background.png) top repeat-x;
		border:none;
		height:10px;
		margin: 5px auto;
		width:845px;
	}

	select{ 
		margin:5px 0;
	}
		select option{ 
			background:#f0f6f6;
			color:#9fa0a2;
			font-size:13px;
			margin:5px 0;
		}

	table{
		border-collapse:collapse;
		margin:10px auto;
	}

		table th{ 
			color:#868585;
			font:14px "EnigmaticBold", Helvetica, sans-serif;
			letter-spacing:1px;
		}

		table td, table th{
			padding:8px 5px;
		}

			table tr.odd{
				background:#e8e9e9;
			}
			table tr.pair{
				background:#fdffff;
			}
		table span{
			font-style:italic;
			font-weight:bold;	
		} 
		table a.read_more{
			color:#868585;
			font-weight:bold;
			font-style:italic;
		}
	.pagination{
		color:#4d4d7b;	
		font:13px Arial, Verdana, sans-serif; 
		font-weight:bold;
		float:right;
	}
	.pagination a{
		color:#4d4d7b;
		display:inline-block;
		padding:0 2px;
		text-decoration:none;
	}
		.pagination span{
			font-size:20px;
		}
	p.alert{
		-moz-border-radius: 5px;
		background:#d8dcdd url(../images/alert_background.jpg) left 50% no-repeat;
		border:#e8e8e8 1px solid;
		border-radius: 5px;
		color:#1b1818;
		display:block;
		font-size:11px;
		padding: 10px 10px 10px 40px;
	}
	 p.alert a,  p.alert a:link,  p.alert a:active{
		color:#1b1818;
	}
	.submit_error{
		color:#d94646;
	}

		.submit_error em{
			font-style:italic;
			font-weight:bold;
		}

/* ********************  BUTTONS ******************** */
a.button{
	-moz-border-radius: 5px;
	background:#b9bab5; 
	border-radius: 5px;
	color:#797778;
	display: inline-block;
	padding: 10px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 0 2px #d0d0d0;
	text-transform:uppercase;
	width:150px;
}
	a:hover.button{
		background:#c0c1bc;
	}
	
p.print_button{
	margin:10px 0;
	padding:0;
	text-align:right;
}	
	p.print_button a, 
	p.print_button a:link,
	p.print_button a:active{
		-moz-border-radius: 5px 5px 5px 5px;
		background:#ffea79 url(../images/print_btn_background.jpg) left 50% no-repeat;
		border-radius: 5px 5px 5px 5px;
		color:#9a6a3b;
		display:inline-block;
		font: 14px Arial, Verdana, sans-serif;
		padding:10px 10px 10px 50px;
		text-align:left;
		text-decoration:none;
		text-shadow:0 0 3px #dac869;
		text-transform:uppercase;
		width:85px;
	}
	p.print_button a:hover{
		color:#7e5227;
	}

p.filter_button, p.create_button{
	margin:0;
	padding:0;
	text-align:right;
}
	p.filter_button a, p.create_button a{
		-moz-border-radius: 5px;
		background:#b9bab5; 
		border-radius: 5px;
		color:#797778;
		display: inline-block;
		font-weight:bold;
		letter-spacing:1px;
		padding: 10px;
		text-align:center;
		text-decoration:none;
		text-shadow:0 0 2px #d0d0d0;
		text-transform:uppercase;
		width:155px;
	}
	p.filter_button a:hover, p.create_button a:hover{
		background:#c0c1bc;
	}
p.filter_button_in_form{
	margin:0;
	padding:0;
	text-align:right;
	vertical-align:top;
}
p.filter_button_in_form a{
	-moz-border-radius: 5px;
	background:#b9bab5; 
	border-radius: 5px;
	color:#797778;
	display: inline-block;
	padding: 10px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 0 2px #d0d0d0;
	text-transform:uppercase;
	width:155px;
}
	p.filter_button_in_form a:hover{
		background:#c0c1bc;
	}
a.edit_button{ 
	color:#868585;
	background:transparent url(../images/edit_icon.png) left 50% no-repeat;
	display:inline-block; 
	font:13px Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	letter-spacing:1px;
	padding:0 0 0 20px;
	text-decoration:underline;
} 
a:hover.edit_button{
	background:transparent url(../images/edit_icon_active.png) left 50% no-repeat;
	color:#5e5b5b;
} 
p.cancel_text_button{
	text-align:right;
}
p.cancel_text_button a{
	color:#626287;
	font:14px Verdana, Helvetica, sans-serif;
	font-style:italic;
	text-decoration:underline;
} 
	p.cancel_text_button a:hover{
		color:#3f3f58;
	}

/* ********************  GENERAL  LAYOUT ******************** */
	
#wrapper{	
   min-height:100% !important;
   position:relative;
}
	
	#header{
		background:#373785 url(../images/header_background.jpg) top repeat-x;
		margin:0 0 55px 0;
		padding:20px 20px 0 20px;
	}
	
		#header #brand{
			float:left;
			height:90px;
			margin:0 45px 0 0;
			padding:0;
			width:300px;
		}
			#header #brand h1, #header #brand p, #header #brand p a,  #header #brand p a:link{
				border:0;
				font: 30px  "EnigmaticBold", Helvetica, sans-serif; 
				color:#fcb600;
				text-decoration:none;
				letter-spacing:1px;
				margin: 0;
				padding:0;
				text-transform:uppercase;
			}
			#header #brand p#tagline{
				font: 13px  "EnigmaticRegular", Helvetica, sans-serif; 
				color:#c8c6bf;
				letter-spacing:1px;
				margin:0;
				padding:0;
				text-transform:lowercase;
			}
	#footer{
		background:#383785 url(../images/footer_background.jpg) bottom repeat-x;
		color:#eff2f3;
		height:69px;
		margin:0;
		padding:33px 0 28px 0;
		position:absolute;
		bottom:0;
		text-align:center;
		width:100%;
	}
		#footer a, #footer a:link, #footer a:active{
			color:#eff2f3;
		}
	#container{
		margin:0 auto;
		padding: 0 0 180px 0;
		width:990px;
	}

		#content{
			-moz-border-radius: 15px;
			background:#ffffff;
			border-radius: 15px;
			margin:0 auto;
			padding:25px;
			width:940px;
			-moz-border-radius-topright: 0;
			border-top-right-radius: 0;				
		}
		#wrapper .dashboard_content{
			-moz-border-radius-topright: 15px;
			border-top-right-radius: 15px;			
		}

/* ********************  BE-MENU ******************** */
#nav{
	float:left;
	margin:45px 0 0 0;
	width: 805px;
}
	#nav ul{
		letter-spacing:1px;
		box-shadow:#;
		margin:0;
		padding:0;
		text-align:center;
		text-shadow:0 0 3px #dfe4e4;
		text-transform:uppercase; 
	}
		#nav ul li, #menu ul li.current{
			-moz-border-radius: 5px 5px 0 0;
			-moz-box-shadow: 0 -1px 1px #d1d1d1;
			-webkit-box-shadow: 0 -1px 1px #d1d1d1;
			box-shadow: 0 -1px  1px #d1d1d1;
			background:#c1d1d1;
			border-radius: 5px 5px 0 0;
			display:inline-block;
			margin:0 5px 0 0;
			padding:15px;
			width:125px;
		}
	
			#nav ul li a{ 
				color:#889797;
				display:block;
				text-decoration:none;
			}
	
			#nav ul li a:hover{ 
				color:#6e7777;
			}
		#nav ul li#home{
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			background:transparent url(../images/home_background.jpg)  left 50% no-repeat;
			box-shadow:none;
			display:inline-block;
			margin:0 10px 0 0;
			padding:15px;
			width:100px; 
		}
			#nav ul li#home a{ 
				color:#96a1a1;
				display:block;
				font-size:13px;
				text-decoration:none;
				text-shadow:none;
				text-transform:lowercase;
			} 
			#nav ul li#home a:hover{ 
				color:#c0cccc;
			}
		#nav ul li.current{
			background:#ddecec;
		}
	
			#nav ul li.current a{ 
				color:#6e7777; 
				text-decoration:none;
				text-shadow:0 0 3px #ecf2f2;
			}


/* ********************  BE-SUB MENU ******************** */
#submenu{
	color:#a1a1a1;
	font:12px Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	margin: 0 auto;
	text-align:right;
	text-transform:lowercase;
	width: 990px;
}

	#submenu ul{
		float:right;
		text-align:center;
		margin:0;
		width:335px;
	}

		#submenu ul li, #submenu ul li.current{
			-moz-border-radius: 5px 5px 0 0;
			-moz-box-shadow: 0 -1px 1px #cad7d7;
			-webkit-box-shadow: 0 -1px 1px #cad7d7;
			box-shadow: 0 -1px  1px #cad7d7;
			background:#eaebeb;
			border-radius: 5px 5px 0 0;
			display:inline-block;
			margin:0 10px 0 0;
			padding:10px;
			width:140px;
		}

			#submenu ul li a, 
			#submenu ul li a:link,
			#submenu ul li a:active{
				color:#a1a1a1;
				text-decoration:none;
			}

			#submenu ul li a:hover{
				color:#6e7777;
			}
		#submenu ul li.current{
			background:#feffff;
		}

			#submenu ul li.current a, 
			#submenu ul li.current a:link,
			#submenu ul li.current a:active{
				color:#6e7777;
			}

		#submenu ul li.last{
			margin-right:0;
		}

/* ********************  FE-INDEX ******************** */
		#container #login_container{
			-moz-border-radius: 15px;
			background:#ffffff;
			border-radius: 15px;
			margin:0 auto;
			padding:25px;
			text-align:center;
			width:410px;
		}
		#container #login_container input{
			width:330px;
		}
		#container #login_container p{
			text-align:left;
		}

/* ********************  BE-DASHBOARD ******************** */
div.dashboard_column h2{ 
	border-bottom:#f7d06a 2px solid;
	color:#626287;
	display:block;
	font: 24px  "EnigmaticBold", Helvetica, sans-serif; 
	letter-spacing:1px; 
	margin:0 0 5px 0;
	padding: 0 0 3px 0;
	text-transform:uppercase;
}
div.dashboard_column{ 
	display:inline-block;
	vertical-align:top;
	width:457px;
}
	div.dashboard_column h2{ 
		text-align:right;
	}
	div.dashboard_column div{ 
		-moz-border-radius: 15px;
		background:#f9f9f9;
		border: #edefee 1px solid;
		border-radius: 15px;
		display:block;
		padding:25px;
	}
div.dashboard_r_column{ 
	margin: 0 0 0 20px;
}
div.dashboard_column a.button{
	width:100%;
}
p.important_data{
	color:#949494;
	font:18px Arial, Verdana, sans-serif;
	letter-spacing:1px;
}
	p.important_data em{
		font: 20px  "EnigmaticRegular", Helvetica, sans-serif; 
		font-style:normal;
		text-transform:uppercase;
	}
	p.important_data span{
		display:inline-block;
		font-weight:bold;
		margin: 0 0 0 20px;
	}


div.dashboard_column table {
	margin:5px 0 10px 0;
}
div.dashboard_column table td{
	padding:5px 3px;
	text-align: center;
}
div.dashboard_column .column_id{
	width:33px;	
}
div.dashboard_column .column_name{
	width:135px;	
}
div.dashboard_column .column_date{
	width:130px;	
}
div.dashboard_column .column_deposit{
	text-align:center;
	width:85px;	
}

/* ********************  BE-SAVINGS ******************** */
.savings label{
	color:#6b6a6a;
	display:inline-block;  
	font:  12px Verdana, Arial, sans-serif; 
	font-weight:bold;
	margin: 0 10px 0 0;
	vertical-align:middle;
	width:120px;
}
.savings div.left_column{
	display:inline-block;
	float:left;
}

.savings div.left_column, 
.savings div.right_column{
	margin-bottom:10px;
}
.savings div.right_column{
	display:inline-block;
	float:right;
	width:415px;
}
	.savings .right_column  label{
		margin:0 25px 0 0;
		width:80px;
	}  
	.savings .right_column  input{
		margin:0;
		width:270px;
	} 
	.savings .right_column  select{
		width:300px;
	}   
.savings select{
	display:inline-block;
	padding:5px;
	vertical-align:middle;
	width:335px;
}

.savings input{
	display:inline-block;
	width:300px;
}
.savings table td, .savings table th{
	text-align: left;
	vertical-align:middle;
}
.savings table th{
	text-align: center;
	letter-spacing:0;
}
	.savings table th span.sort_arrows{
		display:inline-block;
		float:right;
		margin-top:10px;
		width:32px;
	}
.savings table th img{
	vertical-align:middle;
}
.savings .column_id{
	width:110px;
}
.savings .column_name{
	text-align:left;
	width:183px;
}
	.savings .column_name span.sort_arrows{
		margin-top:0;
	}
.savings .column_date{
	width:138px;
}
.savings .column_amount_to_save{
	width:120px;
}
	.savings .column_amount_to_save span{
		display:inline-block;
		font-style:normal;
		font-weight:normal;
		float:left;
		width:85px;
	}
.savings .column_amount_saved{
	width:115px;
}
	.savings .column_amount_saved span{
		display:inline-block;
		font-style:normal;
		font-weight:normal;
		float:left;
		width:80px;
	}
.savings .column_status{
	text-align:left;
	width:117px;
}
.savings .column_view_more{
	width:50px;
	
}
p.important_number em{
	font:13px Verdana, Helvetica, sans-serif;
	font-style:italic;
	letter-spacing:1px;
}
p.important_number span{
	color:#595987;
	font:20px Verdana, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}


/* ********************  BE-SAVINGS_NEW ******************** */
.two_elements label{ 
	width:80px;
}
	.two_elements label.first{ 
		width:110px;
	}
.two_elements input{ 
	width:85px;
}
	.two_elements input.first{ 
		margin-left:10px;
	}
p.current_week_info{
	color:#6b6a6a;
	font:13px Verdana, Helvetica, sans-serif;
	font-style:italic;
	letter-spacing:1px;
	text-align:right;
}
	p.current_week_info em{
		font-weight:bold;
	}
.savings p.create_button a{
	width:290px;
}

/* ********************  BE- SAVINGS - Periods ******************** */
.period table th{
	text-align:left;
}
.period table th.column_id{
	width:200px;
}

.period table th.column_starts{
	width:200px;
}
.period table th.column_ends{
	width:200px;
}
.period table th.column_status{
	width:200px;
}
.period table th.column_edit{
	width:200px;
}

/* ********************  BE- SAVINGS - Periods_new ******************** */
.period label{
	color:#6b6a6a;
	display:inline-block;  
	font:  12px Verdana, Arial, sans-serif; 
	font-weight:bold;
	margin: 0 10px 0 0;
	vertical-align:middle;
	width:120px;
}
.period div.left_column{
	display:inline-block;
	float:left;
}

.period div.left_column, 
.period div.right_column{
	margin-bottom:10px;
}
.period div.right_column{
	display:inline-block;
	float:right;
	width:415px;
}
	.period .right_column  label{
		margin: 0 10px 0 0;
		width:65px;
	}  
.period select{
	display:inline-block;
	padding:5px;
	vertical-align:middle;
	width:335px;
}

.period input{
	display:inline-block;
	width:300px;
}
.period p.filter_button a{
	width:315px;
}
.form_notes{
	text-align:right;
}

/* ********************  BE-LOANS ******************** */
.loans label{
	color:#6b6a6a;
	display:inline-block;  
	font:  12px Verdana, Arial, sans-serif; 
	font-weight:bold;
	margin: 0 10px 0 0;
	vertical-align:middle;
	width:120px;
}
.loans div.left_column{
	display:inline-block;
	float:left;
}

.loans div.left_column, 
.loans div.right_column{
	margin-bottom:10px;
}
.loans div.right_column{
	display:inline-block;
	float:right;
	width:415px;
}
	.loans .right_column  label{
		margin: 0 10px 0 0;
		width:65px;
	}  
.loans select{
	display:inline-block;
	padding:5px;
	vertical-align:middle;
	width:335px;
}

.loans input{
	display:inline-block;
	width:300px;
}
.loans table td, .savings table th{
	text-align: left;
	vertical-align:middle;
}
.loans table th{
	text-align: center;
	letter-spacing:0;
}
	.loans table th span.sort_arrows{
		display:inline-block;
		float:right;
		margin-top:10px;
		width:32px;
	}
.loans table th img{
	vertical-align:middle;
}

.loans .column_id{
	width:110px;
}
.loans .column_name{
	text-align:left;
	width:183px;
}
	.loans .column_name span.sort_arrows{
		margin-top:0;
	}
.loans .column_date{
	width:138px;
}
.loans .column_amount_to_save{
	width:120px;
}
	.loans .column_amount_to_save span{
		display:inline-block;
		font-style:normal;
		font-weight:normal;
		float:left;
		width:85px;
	}
.loans .column_amount_saved{
	width:115px;
}
	.loans .column_amount_saved span{
		display:inline-block;
		font-style:normal;
		font-weight:normal;
		float:left;
		width:80px;
	}
.loans .column_status{
	text-align:left;
	width:117px;
}
.loans .column_view_more{
	width:50px;
	
}
	
